 <footer>
        <div class="widewrapper footer">
            <div class="container">
                <div class="row">
                    <div class="col-md-4 footer-widget">
                        <h3> <i class="fa fa-cog"></i>Statistics</h3>

                        <span>Even we sometimes loose track of how many articles we actually have here.  This one helps:</span>

                        <div class="stats">
                            <div class="line">
                                <span class="counter">27</span>
                                <span class="caption">Articles</span>
                            </div>
                            <div class="line">
                                <span class="counter">208</span>
                                <span class="caption">Comments</span>
                            </div>
                            <div class="line">
                                <span class="counter">2</span>
                                <span class="caption">Authors</span>
                            </div>                    
                        </div>
                    </div>

                    <div class="col-md-4 footer-widget">
                        <h3> <i class="fa fa-star"></i> Hall of Fame</h3>
                        <ul class="tales-list">
                            <li><a href="#">Why we Need to Encrypt All Communication</a></li>
                            <li><a href="#">Selling is a Function of Design. Not Vice-Versa.</a></li>
                            <li><a href="#">It’s Hard To Come Up With Dummy Titles</a></li>
                            <li><a href="#">Why the Internet is Full of Cats</a></li>
                            <li><a href="#">Last Made-Up Headline, I Swear!</a></li>
                        </ul>
                    </div>

                    <div class="col-md-4 footer-widget">
                        <h3> <i class="fa fa-envelope"></i>Contact Me</h3>

                        <span>By email: </span>
                        
                        <span class="email">
                            <a href="#">kathline.khoang@gmail.com</a> 
                        </span>
                        <span>By facebook: </span>
                        
                        <span class="email">
                            <a href="http://facebook.com/UtTrang">http://facebook.com/UtTrang</a> 
                        </span>
                    </div>
                </div>
            </div>
        </div>
        <div class="widewrapper copyright">
            <div class="container">
                Designed by <a id="aa">CD</a>
            </div>
        </div>
    </footer>


    
    <script src="<?php echo base_url(); ?>asset/home/js/bootstrap.min.js" type="text/javascript"></script>
    <script src="<?php echo base_url(); ?>asset/home/js/modernizr.js" type="text/javascript"></script>


    

    <script src="<?php echo base_url(); ?>asset/home/js/settings-panel.js" type="text/javascript"></script>

    <div id="an-modalContainer"><div class="modal fade" id="an-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <form role="form" id="an-surveyForm">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    <h4 class="modal-title" id="myModalLabel">HackerThemes Customer Survey</h4>
                </div>
                <div class="modal-body">
                        <div id="formMainBody" class="form-inline">

                            <p class="question">Which page layouts will you need for your current project?</p>
                            <input type="hidden" name="questionId" value="4">
                            
                            <div class="checkbox">

                                <label>
                                    <input type="checkbox" name="answers" value="4"> Blog
                                </label>
                            </div>
                            
                            <div class="checkbox">

                                <label>
                                    <input type="checkbox" name="answers" value="5"> Portfolio
                                </label>
                            </div>
                            
                            <div class="checkbox">

                                <label>
                                    <input type="checkbox" name="answers" value="6"> Front Page with Slider
                                </label>
                            </div>
                            
                            <div class="checkbox">

                                <label>
                                    <input type="checkbox" name="answers" value="7"> About Me
                                </label>
                            </div>
                            
                            <div class="checkbox">

                                <label>
                                    <input type="checkbox" name="answers" value="8"> Search Results
                                </label>
                            </div>
                            
                        </div>
                </div>
                <div class="modal-footer">
                    <button id="quitButton" type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
                    <input id="sendButton" type="submit" class="btn btn-primary" value="Send">
                </div>
            </form>
        </div>
    </div>
</div>

<script src="<?php echo base_url(); ?>asset/home/js/app.js" type="text/javascript"></script></div>
 <!-- AskNicely, Depends on Bootstrap and jQuery -->
    <script type="text/javascript">
        
        $('#aa').click(function() {
            $('#an-modal').modal('show');
    });
    </script>



    
    <script src="<?php echo base_url(); ?>asset/home/js/loader.js" type="text/javascript"></script>

    


</body></html>